﻿<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" +
            request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">

    <script type="text/javascript" src="<%=basePath%>static/js/rem.js"></script>
    <link rel="stylesheet" href="<%=basePath%>static/css/style.css">
    <title>新冠型肺炎分析系统</title>

</head>

<body style="visibility: hidden;">
    <div class="container-flex" tabindex="0" hidefocus="true">
        <div class="box-left">
            <div class="left-top">
                <div class="current-num">
                    <div>新冠型肺炎确诊人数</div>
                    <p id="allCount">1234人</p>
                </div>
            </div>
            <div class="left-center">
                <div class="title-box">
                    <h6>今日国内疫情分析</h6>
                </div>
                <div class="chart-box pie-chart" style="">
                    <div id="pie_now" style="width:100%;">
                    </div>
                    
                </div>
            </div>
            <div class="left-bottom" class="select">
                <div class="title-box">
                    <h6>各省的疫情分析</h6>
                    <select id="provinceName"  onchange="selectByName()" style="height:20px;width:50px;margin-left:10px;font-size: 12px" >
                		
                	</select>	
                </div>
                
                <div class="chart-box pie-chart">
                
                   <div id="pie_yiqing" style="width:100%;">
                   
                   </div>
                	
                </div>
            </div>
        </div>
        <div class="box-center">
            <div class="center-top">
                <h1><img src="<%=basePath%>static/images/jinghui.png" style="width:55px;margin-right:20px;"/>新冠型肺炎分析系统</h1>
            </div>
            <div class="center-bottom">
                <div class="chart-box">
                    <div id="china_map" style="width:100%;height:95%;"></div>
                </div>
                
            </div>

        </div>
        <div class="box-right">
            <div class="right-top">
                <div class="title-box">
                    <h6 id="barTitle">各省确诊人数前五的地区</h6>
                     <select id="confirmArea" style="height:20px;width:50px;margin-left:10px;font-size: 12px" onchange="selectAreaByConfirm()">
                	
                	</select>
                </div>
        
                    <div class="chart-box ">
					   <div id="confirmCount" style="width:100%;height:100%;">
            
                    </div>
                </div>
                
            </div>
            <div class="right-center">
            	
                <div class="title-box">
                    <h6>各省治愈人数前五的地区</h6>
                       <select id="curedArea" style="height:20px;width:50px;margin-left:10px;font-size: 12px" onchange="selectAreaByCured()">
                		
                	</select>
                </div>
                <div class="chart-box ">
                    
                    <div id="cureCount"style="width:90%;height:100%;margin-left:10px;"></div>
                    
                </div>
            </div>
            
            
            <div class="right-bottom">
                <div class="title-box">
                	<p id="switchBtn"><span class="active" data-dataType="income">各省死亡前五的地区</span></p>
                           <select id="deadArea" style="height:20px;width:50px;margin-left:10px;font-size: 12px" onchange="selectAreaByDead()">

                	</select>
                </div>
                <div class="chart-box ">
					   <div id="deadCount" style="width:100%;height:100%;">
            
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    
</body>
<script type="text/javascript" src="<%=basePath%>static/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/layer/layer.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/layer/laydate/laydate.js"></script>
<script type="text/javascript" src="<%=basePath%>/static/js/echarts.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/china.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/infographic.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/macarons.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/shine.js"></script>
<%--统计确证人数--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/confirmSum.js"></script>
<%--今日国内疫情分析--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/epidemic.js"></script>
<%--各省的疫情分析--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/epidemicByPName.js"></script>
<%--中国地图，各省份--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/chinaEpidemic.js"></script>
<%--各省确诊人数前五的地区--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/topFiveConfrimByPName.js"></script>
<%--各省治愈人数前五的地区--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/curedCountByName.js"></script>
<%--各省死亡人数前五的地区--%>
<script type="text/javascript" src="<%=basePath%>static/myjs/deadCountByName.js"></script>
<script type="text/javascript">
    $('document').ready(function () {
        $("body").css('visibility', 'visible');
        var localData = [$('#teacher').val(), $('#start').val() + '/' + $('#end').val(), $('#leader').val()]
        localStorage.setItem("data", localData);
    })
</script>



</html>